<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

	<div class="lnb_list stat">
    	<ul>
    		<li title="통계관리 01">통계관리 01</li>
    		<li title="통계관리 02">통계관리 02</li>
    		<li title="통계관리 03">통계관리 03</li>
    		<li title="통계관리 04">통계관리 04</li>
    		<li title="통계관리 05">통계관리 05</li>
    		<li title="통계관리 06">통계관리 06</li>
    		<li title="통계관리 07">통계관리 07</li>
    		<li title="통계관리 08">통계관리 08</li>
    		<li title="통계관리 09">통계관리 09</li>
    		<li title="통계관리 10">통계관리 10</li>
    		<li title="통계관리 11">통계관리 11</li>
    		<li title="통계관리 12">통계관리 12</li>
    		<li title="통계관리 13">통계관리 13</li>
    		<li title="통계관리 14">통계관리 14</li>
    		<li title="통계관리 15">통계관리 15</li>
    		<li title="통계관리 16">통계관리 16</li>
    		<li title="통계관리 17">통계관리 17</li>
    		<li title="통계관리 18">통계관리 18</li>
    		<li title="통계관리 19">통계관리 19</li>
    		<li title="통계관리 20">통계관리 20</li>
    	</ul>
    </div>
<script type="text/javascript">
$(function(){
	$('.lnb_list > ul > li').tooltip({
	    position: 'right',
	    content: '<span>This is the tooltip message.</span>',
	    onShow: function(){
	        $(this).tooltip('tip').addClass('tip');
	    }
	});
	$('.lnb_list > ul > li').mouseover(function(){
		$(this).addClass('tree-node-hover'); 
	});
	$('.lnb_list > ul > li').mouseout(function(){
		$(this).removeClass('tree-node-hover'); 
	});
	$(".lnb_list > ul > li").click(function(event){
		var current_head = $(this);
		$(this).addClass('tree-node-selected'); 
		$('.lnb_list > ul > li').not(current_head).removeClass('tree-node-selected'); 
	});
});
</script>